/* 
.container-processo{
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;    
} */

.options-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* margin: 0 30px 0 30px; */
    margin-bottom: 0.5vw;
    align-items: center;
}



.content-cadastro-cliente {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#circleum,
#circledois,
#circletres,
#circlequatro,
#circlecinco  {
    width: 2rem;
    height: 2rem;
    background-color: var(--circle-negociacao-bg-active);
    border-radius: 50%;
    align-content: center;
    text-align: center;
    font-weight: bold;
    position: relative;
    color: var(--circle-negociacao-font-active);
    font-size: 12px;
}

.circle{
    width: 2rem;
    height: 2rem;
    background-color: var(--circle-negociacao-bg);
    border-radius: 50%;
    align-content: center;
    text-align: center;
    font-weight: bold;
    color: var(--circle-negociacao-font);
    text-decoration: none;
    font-size: 12px;
}

.dotted-line {
    width: 35px;
    border-top: 3px dotted var(--circle-dotted-line);
    margin-top: -25px;
}

.container-processo,
.container_venda_processo,
.container_compra_processo,
.container_consig_processo,
.container_finan_processo {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;  
    padding-bottom: 0.5rem;  
}

.circle-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    padding: 0 3px;
}

.circle-container:hover {
    cursor:pointer;
}

.label {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: var(--label);
    font-weight: bold;
}


/* tbody td{
    border-left: black solid 1px;
    border-left: black solid 1px;
    text-align: center;
} */


/* DROPDOWN DE OPEÇÕES DE EDITAR E EXCLUIR REPENSAR/MELHORAR */

.dropdown-content {
    display: none;
    position: fixed;
    right: 80px; 
    background-color: var(--dropdown-content-bg);
    min-width: 70px;
    max-width: 110px;
    box-shadow: 0px 8px 16px 0px var(--dropdown-content-shadow);
    z-index: 1;
    padding: 0;
    margin: 0;
}

/* Links inside the dropdown */
.dropdown-content a{
    color: var(--dropdown-content-icon);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown {
    position: relative;
    width: 1%;
}
.show {
    display: block;
}

/* .styled-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.9em;
    font-family: 'Arial', sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
} */
/* .div-table{
    height: 50%;
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
}  */
/* .styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table th{
    font-size: 14px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tr.inativa {
    opacity: 0.5;  
    color: gray; 
}

.styled-table tbody tr:hover {
    background-color: #acacac;
    cursor: pointer;
}

.styled-table th:hover {
    cursor: pointer;
} */